
body, ol, ul, h1, h2, h3, h4, h5, h6, p, th, td, dl, dd, form, fieldset, legend, input, textarea, select {
  margin: 0;
  padding: 0;
}

body {
  //font: 12px 'Microsoft YaHei', 'tahoma', 'arial', 'Hiragino Sans GB', 'sans-serif', HELVETICA;
  //color: #333333;
  //-webkit-text-size-adjust: 100%;
  /*禁止复制粘贴*/
  //-moz-user-select: none; /* Firefox私有属性 */
  //-webkit-user-select: none; /* WebKit内核私有属性 */
  //-ms-user-select: none; /* IE私有属性(IE10及以后) */
  //-khtml-user-select: none; /* KHTML内核私有属性 */
  //-o-user-select: none; /* Opera私有属性 */
  //user-select: none; /* CSS3属性 */
}

#app {
  //width: 100vw;
  //height: 100vh;
  //overflow-x: hidden;
}

em {
  font-style: normal;
}

li {
  list-style: none;
}

img {
  border: 0;
  vertical-align: middle;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

p {
  word-wrap: break-word;
}

a, button, input, audio {
  outline: none; /*去掉 点击时 出现的蓝色框*/
}

a, button {
  cursor: pointer;
}
$skinColor: var(--skinColor, #4AA8EE);
$subColor: var(--subColor, #20FCFC);

.fixed-width {
  width: 1140px;
  margin: 0 auto;
}

.inline-block {
  display: inline-block;
  vertical-align: middle;
}

.inline-block-top {
  display: inline-block;
  vertical-align: top;
}

.float-left {
  float: left;
}

.float-right {
  float: right;
}

.white-space {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1; /* 限制在一个块元素显示的文本的行数 */
  -webkit-box-orient: vertical; /* 垂直排列 */
  word-break: break-all; /* 内容自动换行 */
}

.white-space2 {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2; /* 限制在一个块元素显示的文本的行数 */
  -webkit-box-orient: vertical; /* 垂直排列 */
  word-break: break-all; /* 内容自动换行 */
}

/*整站链接文字悬停变成小手*/
.cursor-pointer {
  cursor: pointer;
}

.cursor-pointer-color {
  cursor: pointer;
}

/*悬停改变字体颜色*/
.cursor-pointer-color:hover {
  color: $skinColor;
}

/*边框*/
.border-top {
  border-top: 1px solid #ededed;
}

.border-bottom {
  border-bottom: 1px solid #ededed;
}

/*字体大小*/
.font-size-10 {
  font-size: 10px;
}

.font-size-12 {
  font-size: 12px;
}

.font-size-14 {
  font-size: 14px;
}

.font-size-15 {
  font-size: 15px;
}

.font-size-16 {
  font-size: 16px;
}

.font-size-18 {
  font-size: 18px;
}

.font-size-20 {
  font-size: 20px;
}

.font-size-24 {
  font-size: 24px;
}

.font-size-28 {
  font-size: 28px;
}

.font-size-32 {
  font-size: 32px;
}

/*粗体*/
.font-bold {
  font-weight: bold;
}

/*字体颜色*/
.skin-color {
  color: $skinColor !important;
}

.sub-color {
  color: $subColor !important;
}

.yellow {
  color: #FFCF4D;
}

.white {
  color: #ffffff;
}

.orange {
  color: #f58223 !important;
}

.red {
  color: #f7473e !important;
}

.gray {
  color: #999999 !important;
}

.dark-grey {
  color: #333333 !important;
}

.key-color {
  color: #f25b58 !important;
}

.back-gray {
  background-color: #999999 !important;
}

.light-red {
  color: #f25b58;
}

.c-00C3FF {
  color: #00C3FF;
}

.c-00FCF9 {
  color: #00FCF9;
}

.bg-00C3FF {
  background-color: #00C3FF;
}

.bg-00C36D {
  background-color: #00C36D !important;
}

.bg-FA6400 {
  background-color: #FA6400;
}

.bg-FF0000 {
  background-color: #FF0000;
}

.text-center {
  text-align: center;
}

.text-left {
  text-align: left;
}

.text-right {
  text-align: right;
}

.back-white {
  background-color: #ffffff !important;
}

.back-green {
  background-color: $skinColor !important;
}

.pr {
  position: relative;
}

.margin-10 {
  margin: 10px;
}

.margin-btm-5 {
  margin-bottom: 5px;
}

.margin-btm-8 {
  margin-bottom: 8px;
}

.margin-btm-10 {
  margin-bottom: 10px;
}

.margin-top-5 {
  margin-top: 5px;
}

.margin-top-10 {
  margin-top: 10px;
}

.margin-top-20 {
  margin-top: 20px;
}

.margin-btm-20 {
  margin-bottom: 20px !important;
}

.margin-btm-50 {
  margin-bottom: 50px !important;
}

.margin-left-20 {
  margin-left: 20px;
}

.margin-right-10 {
  margin-right: 10px;
}

.margin-right-20 {
  margin-right: 20px;
}

.margin-right-50 {
  margin-right: 50px;
}

.padding-10 {
  padding: 10px;
}

.padding-20 {
  padding: 20px;
}

.p-l-20 {
  padding-left: 20px;
}

.p-r-20 {
  padding-right: 20px;
}

.p-lr-20 {
  padding: 0 20px;
}

.p-tb-10 {
  padding: 10px 0;
}

.padding-top-20 {
  padding-top: 20px;
}

.padding-btm-20 {
  padding-bottom: 20px;
}

.padding-btm-10 {
  padding-bottom: 10px;
}

/*面包屑样式*/
.breadcrumb-box {
  margin: 20px 0;
  font-size: 12px;
}

.breadcrumb-box .el-breadcrumb a, .breadcrumb-box .el-breadcrumb span {
  font-size: 12px !important;
  text-decoration: none;
  color: #999;
}

.breadcrumb-box .el-breadcrumb .cursor-pointer-color:hover {
  font-size: 12px !important;
  text-decoration: none;
  color: #24cf74;
}

//按钮动画渐隐渐现
.fade-enter{
  opacity: 0;
}
.fade-enter-active{
  transition: opacity 0.5s;
}
.fade-leave-to{
  opacity: 0;
}
.fade-leave-active{
  transition: opacity 0.5s;
}











